<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>反馈列表</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="/template/default/plugins/mui/css/mui.css">
    <script src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>

    <style>
        .mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
            margin-top: 0;
        }
        .mui-table h4{
            line-height: 21px;
            font-weight: 500;
        }

        .mui-table .oa-icon{
            position: absolute;
            right:0;
            bottom: 0;
        }
        .mui-table .oa-icon-star-filled{
            color:#f14e41;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <a class="mui-icon mui-icon-bars mui-pull-left mui-plus-visible"></a>
    <a id="info" class="mui-icon mui-icon-info-filled mui-pull-right" style="color: #999;"></a>
    <h1 class="mui-title">反馈列表</h1>
</header>
<div class="mui-content">
    <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="listContent">
    </ul>
</div>
</body>
<script src="/template/default/plugins/mui/js/mui.js"></script>
<script>
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });

    $(function () {
        var result = '';
        $.ajax({
            url: "/b/feedback/recordList",
            type: 'GET',
            data:{
            },
            success: function(r){
                if(r.data.length>0){
                    $.each(r.data,function (k,v) {
                        result +='<li class="mui-table-view-cell">';
                        result +='<div class="mui-table">';
                        result +='<div class="mui-table-cell mui-col-xs-10">'
                        result +='<p class="mui-h6">'+v.content+'</p>';
                        result +='</br>';
                        if(v.rcontent==''){
                            result +='<h5>暂无回复内容</h5>'
                        }else{
                            result +='<h5>回复:</h5>'
                        }

                        result +='<p class="mui-h6 ">'+v.rcontent+'</p>';
                        result +='</div>';
                        result +='<div class="mui-table-cell mui-col-xs-2 mui-text-right" style="width: 46%">';
                        result +='<span class="mui-h5">'+v.rDate+'</span>';
                        result +='</div>';
                        result +='</div>';
                        result +='</li>';

                    })
                    $('#listContent').append(result);
                }else{
                    result +='<li class="mui-table-view-cell" style="text-align: center">';
                    result +='<div class="mui-table">';
                    result +='<h5>暂无相关记录</h5>';
                    result +='</div>';
                    result +='</li>';
                    $('#listContent').append(result);
                }
            }});
    });
</script>
</html>